import React, { Component } from 'react'
import store from '../../store'

export default function One() {
    const add = () => {
        // 要大写
        store.dispatch({ type: "ADD_NUM" })
    }
  
   
        return (
        <div>
            One --- { store.getState().num }
            <button onClick = { add }>++++</button>
        </div>
     )
    
    
}

/* 用的少 */
// export default class One extends Component {
//     constructor() {
    //  constructor监听数据的改变
//         super()
//         store.subscribe(() => {
//             this.setState({})
//         })
//     }

//     add = () => {
//         store.dispatch({ type: "ADD_NUM" })
//     }
//     render() {
//         return (
//             <div>
//                 One --- {store.getState().num}
//                 <button onClick={this.add}>++++</button>
//             </div>
//         )
//     }
// }

